<!--
@Descripttion 查看图片
@version 1.0.0
@Author Bell
@ 使用
  引入组件
    import PreviewImage from '@/components/dialog/preview-image'
  注册组件
    components: {
      PreviewImage
    }
  使用
    <PreviewImage :win="{show: false}" />
    win Object  必填 弹框基础参数 参数格式{ show: false, url: ''}
 -->
<template>
  <el-dialog :visible.sync="win.show" width="720px" :show-close="false" append-to-body>
    <el-image :src="win.url" fit="contain" class="img"></el-image>
  </el-dialog>
</template>
<script>
export default {
  name: 'preview-image',
  props: {
    // 弹框基础参数
    win: {
      required: true,
      type: Object
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>
<style lang="less" scoped>
  /deep/.el-dialog__header {
    padding: 0;
  }
  .img {
    width: 100%;
    margin: 20px 0;
  }
</style>
